$(function () {
  // 点击去注册链接
  $('#link_reg').on('click', function () {
    $('.reg-box').show()
    $('.login-box').hide()
  })

  // 点击去登录链接
  $('#link_login').on('click', function () {
    $('.login-box').show()
    $('.reg-box').hide()
  })

  // 从layui中导入 form 对象
  var form = layui.form
  // 从 layui 中获取 layer 对象
  var layer = layui.layer
  form.verify({
    // 自定义了一个叫做 pwd 的校验规则
    pwd: [/^[\S]{6,12}$/, '密码必须是6到12位，且不能出现空格'],
    // 校验两次密码是否一致规则
    repwd: function (value) {
      // 获取密码框的内容判断和当前确认密码框的内容是否一致，不一致则输出错误提示消息
      var pwd = $('.reg-box [name=password]').val()
      if (pwd !== value) return alert('两次密码不一致')
    }
  })

  // 注册表单提交事件
  $('#form_reg').on('submit', function (e) {
    // 阻止表单默认提交行为
    e.preventDefault()
    // 获取表单所有数据
    var data = $(this).serialize()
    $.post('/api/reguser', data, function (res) {
      // 判断是否获请求成功
      if (res.status !== 0) return layer.msg('注册失败')
      layer.msg(res.message)
      // 模拟人为点击事件
      $('#link_login').click()
    })
  })

  // 登录表单提交事件
  $('#form_login').on('submit', function (e) {
    // 阻止表单默认提交行为
    e.preventDefault()
    // 请求数据
    $.ajax({
      method: 'POST',
      url: '/api/login',
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) return layer.msg('登录失败！')
        layer.msg('登录成功！')
        location.href = 'index.html'
      }
    })
  })
})